/**
 * Author : Wugn
 * Copyright : wuguangnuo.cn
 * Version Jan 19, 2018
 */
@charset "utf-8";

/**
 * scrollbar
 */
::-webkit-scrollbar {
  width:10px;
  height:10px
}
::-webkit-scrollbar-button {
  width:0;
  height:0
}
::-webkit-scrollbar-button:start:increment,
::-webkit-scrollbar-button:end:decrement {
  display:none
}
::-webkit-scrollbar-corner {
  display:block
}
::-webkit-scrollbar-thumb {
  -webkit-border-radius:8px;
  border-radius:8px;
  background-color:rgba(0,0,0,.2)
}
::-webkit-scrollbar-thumb:hover {
  -webkit-border-radius:8px;
  border-radius:8px;
  background-color:rgba(0,0,0,.5)
}
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border-right:1px solid transparent;
  border-left:1px solid transparent
}
::-webkit-scrollbar-track:hover {
  background-color:rgba(0,0,0,.15)
}
::-webkit-scrollbar-button:vertical:start {
  width:10px;
  height:10px;
  background-image:url()
}
::-webkit-scrollbar-button:vertical:start:hover {
  background-image:url()
}
::-webkit-scrollbar-button:vertical:start:active {
  background-image:url()
}
::-webkit-scrollbar-button:vertical:end {
  width:10px;
  height:10px;
  background-image:url()
}
::-webkit-scrollbar-button:vertical:end:hover {
  background-image:url()
}
::-webkit-scrollbar-button:vertical:end:active {
  background-image:url()
}
::selection {
  background-color:#1fa67a;
  color:#FFF
}
::-moz-selection {
  background-color:#1fa67a;
  color:#FFF
}
::-webkit-scrollbar-button:horizontal:start {
  width:10px;
  height:10px;
  background-image:url()
}
::-webkit-scrollbar-button:horizontal:start:hover {
  background-image:url()
}
::-webkit-scrollbar-button:horizontal:start:active {
  background-image:url()
}
::-webkit-scrollbar-button:horizontal:end {
  width:10px;
  height:10px;
  background-image:url()
}
::-webkit-scrollbar-button:horizontal:end:hover {
  background-image:url()
}
::-webkit-scrollbar-button:horizontal:end:active {
  background-image:url()
}
body {
  background-image:url();
}

/**
 * navbar
 */
.navbar-nav>li>a {
  padding:11px 10px 9px
}
.navbar {
  margin-bottom:0;
  min-height:42px
}
.navbar-nav>li .dropdown-split-left>a {
  padding-right:0
}
.navbar-nav>li .dropdown-split-right>a {
  padding-left:7px
}
.navbar-nav .navbar-right:last-child {
  margin-right:-10px
}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
  color:#fff;
  background-color:#1b926c
}
.navbar-inverse, .navbar-inverse .navbar-nav>li.active>a, .navbar-org,footer, .content-underlay {
  position:relative
}
.navbar-inverse:after, .navbar-inverse .navbar-nav>li.active>a:after, .navbar-org:after,footer:after, .content-underlay:after {
  display:block;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  opacity:.15;
  background-image:url()
}
.navbar-inverse .container, .navbar-inverse .navbar-nav>li.active>a .container,footer .container{
  position:relative;
  z-index:2
}
.navbar-brand {
  font-family:Georgia,"Microsoft YaHei",Georgia,"Times New Roman",Times,serif;
  font-weight:500;
  font-size:1.75em;
  text-shadow:0 -2px 0 rgba(0,0,0,.25);
  float:left;
  padding:10px 15px;
  line-height:20px;
  height:42px
}
.navbar-brand i {
  font-size:23px;
  padding-right:3px;
  line-height:.75
}
.navbar-inverse .navbar-toggle {
  color:#fff;
  text-shadow:0 1px 0 rgba(0,0,0,.15);
  padding:4px 10px;
  margin-top:5px;
  margin-bottom:5px
}
.navbar-inverse .navbar-toggle {
  border-color:#c7e7dc
}
.navbar-inverse .navbar-nav>li>a {
  font-size:.75em;
  color:#eee;
  text-shadow:0 -1px 0 rgba(0,0,0,.25)
}
.navbar-inverse .navbar-brand {
  color:#fff
}
.navbar-inverse {
  background-color:#1fa67a
}
.navbar-inverse .navbar-collapse, .navbar-form {
  border-color:#1b926c
}
.navbar-inverse {
  border-color:#1b926c
}
.navbar-inverse .navbar-nav> .open>a, .navbar-inverse .navbar-nav> .open>a:focus, .navbar-inverse .navbar-nav> .open>a:hover {
  background-color:#1b926c
}

/**
 * subnavbar
 */
.subnavbar {
  margin-bottom:2.5em
}
.subnavbar-inner {
  height:60px;
  background:#fff;
  border-bottom:1px solid #d6d6d6
}
.subnavbar .container>ul {
  display:inline-block;
  height:80px;
  padding:0;
  margin:0
}
.subnavbar .container>ul>li {
  float:left;
  min-width:90px;
  height:60px;
  padding:0;
  margin:0;
  text-align:center;
  list-style:none;
  border-left:1px solid #d9d9d9
}
.subnavbar .container>ul>li>a {
  display:block;
  height:100%;
  padding:0 15px;
  font-size:12px;
  font-weight:bold;
  color:#666
}
.subnavbar .container>ul>li>a:hover {
  color:#423;
  text-decoration:none
}
.subnavbar .container>ul>li>a>i {
  display:inline-block;
  width:24px;
  height:24px;
  margin-top:11px;
  margin-bottom:-3px;
  font-size:20px
}
.subnavbar .container>ul>li>a>span {
  display:block
}
.subnavbar .container>ul>li.active>a {
  border-bottom:3px solid #ff7f74;
  color:#383838
}
.subnavbar .dropdown .dropdown-menu a {
  font-size:12px
}
.subnavbar .dropdown .dropdown-menu {
  text-align:left;
  -webkit-border-top-left-radius:0;
  -webkit-border-top-right-radius:0;
  -moz-border-radius-topleft:0;
  -moz-border-radius-topright:0;
  border-top-left-radius:0;
  border-top-right-radius:0
}
.subnavbar .dropdown-menu::before {
  display:inline-block;
  border-left:7px solid transparent;
  border-right:7px solid transparent;
  border-bottom:7px solid #CCC;
  border-bottom-color:rgba(0,0,0,.2);
  position:absolute;
  top:-7px;
  left:9px
}
.subnavbar .dropdown-menu::after {
  display:inline-block;
  border-left:6px solid transparent;
  border-right:6px solid transparent;
  border-bottom:6px solid white;
  position:absolute;
  top:-6px;
  left:10px
}
.subnavbar .caret {
  margin-top:4px;
  border-top-color:#fff;
  border-bottom-color:#fff
}
.subnavbar .dropdown .open .caret {
  display:none
}

/**
 * login/register
 */
.account-container {
  width:380px;
  font-family:Arial,SimSun,"Microsoft YaHei";
  color:#888;
  display:block;
  margin:60px auto 0 auto;
  background:#f9f9f9;
  padding:12px 40px 52px;
  border:1px solid #d5d5d5;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  box-shadow:0px 1px 2px #dadada,inset 0px-3px 0px #e6e6e6
}
.account-container h2 {
  font-weight:700;
  color:#333
}
.account-container p {
  font-size:.75em;
}
.login-extra {
  font-family:"Microsoft YaHei",Arial,SimSun;
  color:#444;
  display:block;
  width:300px;
  margin:1.5em auto;
  text-align:left;
  line-height:19px;
  text-shadow:1px 1px 0px#fff
}

/**
 * Validate
 */
#login_form .form-group,
#register_form .form-group{
  width:300px;
  height:40px;
  position:relative;
  z-index:1
}
#login_form .form-group font,
#register_form .form-group font{
  font-size:12px;
  position:absolute;
  z-index:9;
  top:8px;
  right:5px
}
input.error, textarea.error {
  border:2px solid #f30;
}
input.valid, textarea.valid {
  border:2px solid #1abc9c;
}

/**
 * main
 */
header, .panel-heading {
  background:linear-gradient(#f8f8f8,#eee);
  font-family:"Microsoft YaHei",Arial,SimSun;
  font-size:1.25em;
  font-weight:700;
  color:#444
}
.post {
  background-color:#f6f6f6;
  font-family:Arial,"Microsoft YaHei",SimSun;
  color:#333;
}
.ttitle {
  padding-left:20px;
  font-family:"Microsoft YaHei",Arial,SimSun;
  font-size:1.75em;
  font-weight:500;
  color:#333
}
.sqlinfo {
  color:#a44;
  font-size:11px;
  font-family:SimSun
}
table a, table a:hover {
  text-decoration:none;
  cursor:pointer
}
.navbar, .nav, .subnavbar, .panel-heading, .ttitle, .showPage, footer {
  -moz-user-select:none;
  -webkit-user-select:none;
  -ms-user-select:none;
  -khtml-user-select:none;
  user-select:none
}

/**
 * paging
 */
#page a, #page p {
  min-width:28px;
  float:left;
  margin-right:4px;
  padding:2px 6px;
  height:28px;
  border:1px #ccc solid;
  border-radius:3px;
  font-size:12px;
  text-align:center;
  line-height:24px
}
#page a {
  display:block;
  background:#fff;
  text-decoration:none;
  color:#808080
}
#page a:hover {
  color:#077ee3;
  border:1px #077ee3 solid
}
#page a.cur {
  border:none;
  background:#077ee3;
  color:#fff
}
#page p {
  background:#fcfcfc;
  color:#bbb;
}
#page p.pageRemark {
  border-style:none;
  background:none;
  margin-right:0px;
  padding:4px 0px;
  color:#666
}
#page p.pageRemark b {
  color:#f00
}
#page p.pageEllipsis {
  border-style:none;
  background:none;
  padding:2px 0px;
  color:#808080
}

/**
 * @media max-width 979px
 */
@media (max-width:979px) {
  .navbar-fixed-top {
    position:static;
    margin-bottom:0
  }
  .subnavbar .container {
    width:auto
  }
}

/**
 * @media max-width 576px
 */
@media (max-width:576px) {
  .subnavbar-inner {
    height:auto
  }
  .subnavbar .container>ul {
    width:100%;
    height:auto;
    border:none
  }
  .subnavbar .container>ul>li {
    width:33%;
    height:60px;
    margin-bottom:0;
    border:none
  }
  .subnavbar .container>ul>li.active>a {
    font-size:11px;
    background:transparent
  }
  .subnavbar .container>ul>li>a>i {
    display:inline-block;
    margin-bottom:0;
    font-size:20px
  }
  .subnavbar-open-right .dropdown-menu {
    left:auto;
    right:0
  }
  .subnavbar-open-right .dropdown-menu:before {
    left:auto;
    right:12px
  }
  .subnavbar-open-right .dropdown-menu:after {
    left:auto;
    right:13px
  }
}

/**
 * footer
 */
footer {
  background:-webkit-linear-gradient(#333,#1a1a1a);
  background:-o-linear-gradient(#333,#1a1a1a);
  background:-moz-linear-gradient(#333,#1a1a1a);
  background:linear-gradient(#333,#1a1a1a);
  border-top:1px solid #1b426c;
  color:#ddd;
  text-shadow:0 1px 0 rgba(0,0,0,.15);
  padding:18px 0 10px 0;
  margin-top:60px;
  cursor:pointer
}
footer ul {
  font-family:Arial,"Microsoft YaHei",SimSun;
  color:#eee;
}
footer a {
  color:#d3dbd3;
}
footer a:hover {
  color:#fff;
  text-decoration:none;
  border-bottom:solid 1px #fff
}
